<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<html>
   
    <head> 
    <title></title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="content-language" content="es"/>
    
    <script type="text/javascript" src="/Fonafe-Bienes/js/jquery.min.js"></script>
    <script type="text/javascript" src="/Fonafe-Bienes/js/jscorreo.js"></script>
    <script type="text/javascript" src="/Fonafe-Bienes/js/jsindex.js"></script>
    <link href="/Fonafe-Bienes/css/default.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="/Fonafe-Bienes/js/jsvalidaciones.js"></script>
    <!--link rel="stylesheet" type="text/css" href="/Fonafe-Bienes/css/estilos.css" /-->
    <link rel="stylesheet" type="text/css" href="/Fonafe-Bienes/css/custom-theme/jquery-ui-1.8.17.custom.css" />
    <script src="/Fonafe-Bienes/js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/Fonafe-Bienes/js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>

    <script src="/Fonafe-Bienes/js/jquery.colorbox.js" type="text/javascript"></script>
    <link href="/Fonafe-Bienes/css/colorbox.css" type="text/css" rel="stylesheet" />
    
    <link rel="stylesheet" href="/Fonafe-Bienes/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
    <script src="/Fonafe-Bienes/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="/Fonafe-Bienes/js/easySlider1.5.js"></script>
    
    <!-- PARA CALENDARIO -->
    <link type="text/css" rel="stylesheet" href="/Fonafe-Bienes/Cal/dhtmlgoodies_calendar/dhtmlgoodies_calendar.css?random=20051112" media="screen" />
    <script type="text/javascript" src="/Fonafe-Bienes/Cal/dhtmlgoodies_calendar/dhtmlgoodies_calendar.js?random=20060118"></script>
    <!-- FIN PARA CALENDARIO -->  
   
    
    <script type="text/javascript">
        $(document).ready(function(){
            $(".mapa_1").colorbox({rel:'mapa_1'});
            $(".group").colorbox({rel:'group', slideshow:true});
        });
        
        $(document).ready(function(){
            $("a[rel^='prettyPhoto']").prettyPhoto();
            $("#slider").easySlider({
                auto: true,
                continuous: true
            });
        });
        
        
        function comprueba_extension(archivo,id) {
        extensiones_permitidas = new Array(".gif", ".jpg", ".jpeg", ".png");
        var error = "";
        if (!archivo) {
            error = "No has seleccionado ningún archivo";
        }else{
            extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase();
            permitida = false;
            for (var i = 0; i < extensiones_permitidas.length; i++) {
                if (extensiones_permitidas[i] == extension) {
                    permitida = true;
                    break;
                }
            }
            if (!permitida) {
                error = "Comprueba la extensión de los archivos a subir. \nSólo se pueden subir archivos con extensiones: " + extensiones_permitidas.join();
            }else{
               return;
            }
        }
        alert(error);
       }
    </script>


    <script type="text/javascript">
       (function($) {
            $(document).ready(function(){
                agregar_item();
            });
        })(jQuery);

        $contador = 0;
        function agregar_item(){
            $contador++;
            var element = '<div id="00'+$contador+'">' +
                '<div id="divFile00'+$contador+'" style="width: 500px;"><input class="archivo" type="file" onchange="comprueba_imagen(this.value,\'00'+$contador+'\')" name="foto" id="imagen00'+$contador+'" >' +
                '&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration: none;" onclick="eliminar_item(\'00'+$contador+'\')" >Eliminar</a></div>' +
                '</div>';
            $('#contendor_galeria').append(element);
        }

        function eliminar_item(id){
            $('#'+id).remove();
        }
        
        jQuery.opcionesUbigeo=function(msj,selector){
            selector.slideDown();
            selector.find('span').html('');
            selector.find('span').html(msj);
            selector.addClass('errorborder');
        };
        
        jQuery.opcionesFecha=function(msj,selector){
            selector.prev().slideDown();
            selector.prev().find('span').html('');
            selector.prev().find('span').html(msj);
            selector.prev().addClass('errorborder');
        };
        
        jQuery.opciones=function(msj,selector){
            selector.next().slideDown();
            selector.next().find('span').html('');
            selector.next().find('span').html(msj);
            selector.addClass('errorborder');
        };
        jQuery.borraropciones = function(selector)
        {
            selector.next().slideUp();
            selector.next().find('span').html('');
            selector.removeClass('errorborder');
        }
        jQuery.borraropcionesFecha = function(selector)
        {
            selector.prev().slideUp();
            selector.prev().find('span').html('');
            selector.removeClass('errorborder');
        }

        jQuery.fn.reseteame = function () {
            $(this).each (function() {this.reset();});
        }
        
        function valida_nombre_bien(){
           if($('#txtNombre').val().length == 0){
                $.opciones('Ingresar Nombre', $('#txtNombre'));
                $('#txtNombre').focus();
                return false;
            }else{
            $.borraropciones($('#txtNombre'));
            return true;
            }
        }
        
        function valida_descripcion_bien(){
           if($('#txtDescripcion').val().length == 0){
                $.opciones('Ingresar Descripción', $('#txtDescripcion'));
                $('#txtDescripcion').focus();
                return false;
            }else{
            $.borraropciones($('#txtDescripcion'));
            return true;
            }
        }
        
        function valida_precio_bien(){
           if($('#txtPrecio').val().length == 0){
                $.opciones('Ingresar Precio', $('#txtPrecio'));
                $('#txtPrecio').focus();
                return false;
            }else{
            $.borraropciones($('#txtPrecio'));
            return true;
            }
        }
        
        function valida_direccion_bien(){
           if($('#txtDireccion').val().length == 0){
                $.opciones('Ingresar Dirección', $('#txtDireccion'));
                $('#txtDireccion').focus();
                return false;
            }else{
            $.borraropciones($('#txtDireccion'));
            return true;
            }
        }
        
         function valida_fecha_bien(){
           if($('#txtFechaVen').val().length == 0 ){
                $.opcionesFecha('Ingresar Fecha', $('#txtFechaVen'));
                $('#txtFechaVen').focus();
                return false;
            }else{
            $.borraropcionesFecha($('#txtFechaVen'));
            return true;
            }
        }
        
        function valida_ubigeo_bien(){
            if($('#oculto').val().length == 0 || $('#TxtUbigeo').val().length == 0 || $('#oculto2').val().length == 0){
                $.opcionesUbigeo('Ingresar Ubigeo', $('#errorUbigeo'));
                $('#TxtUbigeo').focus();
                return false;
            }else{
            $.borraropciones($('#TxtUbigeo'));
            return true;
            }
        }
        
        function validarInmueble(){
                
        $('.error_registro').hide('slow');            
            if(!valida_nombre_bien())
                return false;
            if(!valida_descripcion_bien())
                return false;
            if(!valida_precio_bien())
                return false;
            if(!valida_direccion_bien())
                return false;
            if(!valida_fecha_bien())
                return false;
            if(!valida_ubigeo_bien())
                return false;
                        
            return true;
        
        };
        
        function publicar(){
            if(validarInmueble()){
            document.forms[0].action = '<s:url action="actualizarDetInmuebleGLC"></s:url>';
            document.getElementById('estadoBien').setAttribute('value', 'PUBLICADO');
            document.forms[0].submit();
            }
        }
    </script>
   </head>
    <body>
        
         
        <div id="header">
             <jsp:include page="/base/header_Login.jsp" flush="false"/>
             <jsp:include page="/base/menu_GLC.jsp" >
					<jsp:param name="parametro" value="inmueble" />
		     </jsp:include>  
           </div>
           
     <div id="main">   
       
        
        
        <div id="cuerpo">
            
            <s:url action="buscaInmueblesOperacionGLC" id="regresarBuscaInmGLC">                 
            </s:url>
            
            <s:a href="%{regresarBuscaInmGLC}" cssClass="botones_externos"> << Regresar </s:a>
        <!--listado-->
        
        <div>
                     <s:if test="%{mensajeOk != null}">
                        <div class="msg-success" style="width: 330px;">
                            <s:property value="mensajeOk"/>
                        </div>
                    </s:if>
                    <s:if test="%{mensajeFail != null}">
                        <div class="msg-error" style="width: 550px;">
                            <s:property value="mensajeFail"/>
                        </div>
                    </s:if>
                    
        <s:form action="actualizarDetInmuebleGLC" name="formDetInm" method="post" enctype="multipart/form-data" theme="simple">
            
            <s:hidden id="estadoBien" name="estadoBien" value="GUARDADO" />
            
            <input type="hidden" name="ubigeo" value="<s:property value="ubigeo"/>"></input>
            <input type="hidden" name="tipInmueble" value="<s:property value="tipInmueble"/>"></input>
            <input type="hidden" name="tipContrato" value="<s:property value="tipContrato"/>"></input>
            <input type="hidden" name="tipMoneda" value="<s:property value="tipMoneda"/>"></input>
            <input type="hidden" name="precioDesde" value="<s:property value="precioDesde"/>"></input>
            <input type="hidden" name="precioHasta" value="<s:property value="precioHasta"/>"></input>
                        
            
                <div class="contenido_grilla" style="margin-center: 100px;">
                      <table class="table_form_consulta adicion_mantenimiento">    
                                <thead>
                                    <tr>
                                        <th colspan="3">Actualizar Inmueble</th>
                                    </tr>
                                </thead>
                                
                                  <input type="hidden" name="idInmueble" value="<s:property value="inmuebleBean.id"/>" />
                                  <tr>
                                      <td colspan="2">Nombre(*):</td>
                                      <td ><s:textfield label="Nombre" id="txtNombre" name="inmuebleBean.nombre"/>
                                         <div class="error_registro">
                                             <span></span>
                                          </div>   
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Descripci&oacute;n(*):</td>
                                      <td ><s:textarea label="Descripción" cssClass="text_areas" id="txtDescripcion" name="inmuebleBean.descripcion" cols="25"/>
                                           <div class="error_registro">
                                             <span></span>
                                          </div>   
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Tipo Moneda(*):</td>
                                      <td>
                                          <s:select label="Tipo Moneda"
                                                    list="#{'Sol':'Sol', 'Dolar':'Dolar', 'Euro':'Euro'}"
                                                    name="inmuebleBean.tipoMoneda" 
                                                    />
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Precio(*):</td>
                                      <td><s:textfield label="Precio" id="txtPrecio" name="inmuebleBean.precio" onkeypress="return $.solonumerodecimal(event);"/>
                                          <div class="error_registro">
                                             <span></span>
                                          </div>
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Dept / Prov / Distrito (*):</td>
                                      <td>
                                          <div id="errorUbigeo" class="error_registro">
                                             <span></span>
                                          </div>
                                          <input id="oculto" type="hidden" name="idUbigeo_inm" value="<s:property value="inmuebleBean.idUbigeo"/>" />
                                          <input id="oculto2" type="hidden"  value="<s:property value="inmuebleBean.idUbigeo"/>"/>
                                          <s:textfield label="Ubigeo" autocomplete="off" id="TxtUbigeo" onkeyup="$.autocomplete($(this));" cssClass="texto_mediano" name="inmuebleBean.ubigeo"/></td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Direcci&oacute;n(*):</td>
                                      <td ><s:textfield label="Dirección" id="txtDireccion" name="inmuebleBean.direccion"/>
                                          <div class="error_registro">
                                             <span></span>
                                          </div>   
                                      </td>
                                  </tr>
                                   <tr>
                                       <td colspan="2">Tipo Inmueble (*):</td>
                                      <td> <s:select label="Tipo Inmueble" name="inmuebleBean.tipoInmueble" list="listTipoInmueble" listKey="idTipoInmueble" listValue="nombre" /></td>
                                                       
                                  
                                          
                                  <tr>
                                        <s:url action="verFotoPrincipalInmueble" id="verFoto">
                                            <s:param name="idInmueble" value="inmuebleBean.id"></s:param>
                                        </s:url>
                                      <td colspan="2">Foto Principal</td>
                                      <td>
                                         <input class="archivo" type="file" onchange="comprueba_imagen(this.value,fotoPrincipalInm)" name="fotoPrincipalInm" id="fotoPrincipalInm" />
                                      </td>
                                      <td><s:a title="Foto actual." href="%{verFoto}" rel="prettyPhoto">Ver foto actual</s:a></td>
                                  </tr>
                                  
                                  </tr>
                                      
                                       <tr >
                                      <td colspan="2">Fecha de Vencimiento (*)</td>
                                      <td colspan="1">
                                          <div class="error_registro">
                                             <span></span>
                                          </div>    
                                          <input type="text" class="class_calendar" id="txtFechaVen" maxlength="10" size="7" name="fechaInmueble" value="<s:property value="inmuebleBean.fechaInmueble"/>" class="align_left"  ></input>
                                            
                                          <a href="javascript:void(0)" onclick="displayCalendar(document.formDetInm.fechaInmueble,'dd/mm/yyyy',this)"><img src="/Fonafe-Bienes/img/calendar.png" alt="" /></a>
                                          
                                      </td>
                                  </tr>
                                          
                                  <tr>
                                      <td colspan="2">&Aacute;rea Terreno</td>
                                      <td><s:textfield label="Área Terreno" id="txtTerreno" name="inmuebleBean.areaTerreno"/>
                                          <div class="error_registro">
                                             <span></span>
                                          </div>   
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">&Aacute;rea Construida(m2):</td>
                                      <td colspan="2"><s:textfield label="Área Construida" id="txtAreaConst" name="inmuebleBean.areaConstruida"/>
                                        <div class="error_registro">
                                             <span></span>
                                          </div>   
                                      </td>
                                  </tr>
                                  <tr>
                                         <s:url action="verPlanoInmueble" id="verPlano">
                                            <s:param name="idInmueble" value="inmuebleBean.id"></s:param>
                                         </s:url>
                                      <td colspan="2">Plano Ubicaci&oacute;n(m2):</td>
                                      <td>
                                         <input class="archivo" type="file" onchange="comprueba_imagen(this.value,planoUbicacionInm)" name="planoUbicacionInm" id="planoUbicacionInm" />
                                      </td>
                                      <td><s:a title="Plano Ubicación." href="%{verPlano}" rel="prettyPhoto">Ver plano actual</s:a></td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Tipo Contrato(*):</td>
                                      <td>
                                          <s:select label="Tipo Contrato(*)"
                                                    list="#{'':'','Venta':'Venta', 'Alquiler':'Alquiler'}"
                                                    name="inmuebleBean.tipoContrato" 
                                                    />
                                      </td>
                                  </tr>
                                  
                                 
                               
                              </tbody>
                            </table>
                                  
                              <div class="area_galeria_mantenimiento">    
                                  <span class="etiqueta_info">Galeria de Imagenes</span>
                                  
                                  <s:iterator value="listGaleriaFotos" var="bean">
                                  <div class="galeria_img">
                                  
                                      
                                         <s:url action="verGaleriaInm" id="verGalImag"/>
                                         <img src="Fonafe-Bienes/struts/verGaleriaInm?idFoto=<s:property value="idFotoGaleria"/>" style="max-width: 120px; max-height: 90px;"/>
                                         
                                         
                                         Eliminar<input type="checkbox" name="chFotoGalInm" value="<s:property value="idFotoGaleria"/>" />
                                         
                                  </div>
                                  </s:iterator>
                                 
                             </div> 
                                      <div align="center">
                                      <table align="center">
                                          <tr>
                                              <td><br></br>
                                                  Galeria de Fotos
                                                  <div id="contendor_galeria">
                                                  </div>
                                                  <div id="IdAgregar" align="center"><a href="#" onclick="agregar_item()" style="text-decoration: underline;" >elegir m&aacute;s archivos</a></div>
                                                  <br />
                                              </td>
                                          </tr>
                                      </table>                   
                                    </div> 
                    
                                  
                   <!-- <div style="width: 500px;">
                          <a href="#" onclick="agregar_item()" style="text-decoration: none; float: right;" >Adjuntar Archivo<img src="/Fonafe-Bienes/img/add_article.png" alt="Agregar Item" title="Agregar"/></a><br/>
                    </div>-->
                    <br/>
                    <br/>
                    <div id="contendor_galeria" style="margin-left: 180px;">
                    </div>
                    <br /> <br />
                   <div align="center">
                    <input type="submit" id="btnInmuebleGLC" value=" Guardar " class="buttonsubmit"/>
                    <a href="javascript:void(0)" onclick="publicar();"><input id="btnInmueblePubGLC" type="button" name="btnenvio" class="buttonsubmit" value="Publicar" /></a>
                  </div>
         </s:form>
         <div class="clean_space"></div>
        
       </div>
        </div>
         
         </div> 
     </div>
      <jsp:include page="/base/footer.jsp" flush="false" />
    </body>
 

</html>
